<!DOCTYPE html>
<html class=".white-theme">
  <head>
    <meta charset="utf-8" />
    <title>桃子味的狐3号</title>
    <style>
      html {
        filter: invert(1) hue-rotate(0.5turn);
      }
      img {
        filter: invert(1) hue-rotate(0.5turn);
      }
      body {
        background: url(1.jpg) no-repeat fixed center;
        background-size: cover;
      }
      p {
        text-shadow: 2px 2px white;
      }
    </style>
  </head>
  <body>
    <p>用滤镜直接反转全部，然后把图片反转回来</p>
    <p>filter: invert(1) hue-rotate(0.5turn);</p>
    <p>用滤镜直接反转全部，然后把图片反转回来</p>
    <p>
      html { filter: invert(1) hue-rotate(0.5turn); } img { filter: invert(1)
      hue-rotate(0.5turn); }
    </p>
    <p>用滤镜直接反转全部，然后把图片反转回来</p>
  </body>
</html>
